<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" href="../../static/easyui/bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="../../static/easyui/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../static/easyui/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../static/easyui/css/common/box.css">
    <link rel="stylesheet" type="text/css" href="../../static/easyui/css/common/checkbox.css">
    <link rel="stylesheet" href="../../static/easyui/css/common/tanchuang.css">
    <style>
        .box-header {
            text-align: center;
            border-bottom: 0px solid #f4f4f4;
        }

        .title {
            text-align: center;
        }

        .control-label {
            display: inline-block;
            font-weight: 400;
        }

        .bo {
            margin: 0px auto;
            width: 80%;
        }


        .title {
            font-weight: 400;
            text-align: center;
            color: #2196F3;
        }

        .inside {
            width: 100%;
        }

        .inside th, .inside td {
            text-align: center;
        }

        .inside thead, .inside tfoot, .bac {
            background-color: #6d9eeb;
            color: #fff;
        }

        .inside > tbody > tr > td {
            border-top: 0px solid #ddd;
        }

        .inside > tbody > tr > td {
            border-bottom: 1px solid #ddd;
            border-left: 1px solid #ddd;
        }

        .bo > tbody > tr > td, .inside > thead > tr > th {
            border-top: 0px solid #ddd;
            border-bottom: 0px solid #ddd;
            border-left: 0px solid #ddd;
        }

        .food {
            padding-left: 10px
        }

        .bottom {
            border-bottom: 1px solid rgba(0, 0, 0, 0.31);
            height: 19px;
        }

        .wi {
            color: #2196F3;
        }

        .rile {
            border-left: 1px solid #2196F3;
            border-right: 1px solid #2196F3;
        }

        .top {
            border-left: 1px solid #2196F3;
            border-right: 1px solid #2196F3;
        }

        .ss {
            border-top: 1px solid #2196F3;
        }

        .bo tr {
            height: 50px;
        }

        .top td {
            height: 30px;
        }

        .top label {
            padding-top: 16px;
            border-bottom: 2px solid #2196F3;
        }

        .top div {
            border-bottom: 1px solid rgba(0, 0, 0, 0.31);
            height: 40px;
        }

        .two label {
            padding-top: 15px;
        }

        .two div {
            margin-top: 15px;
        }

        .font {
            font-size: 16px;
        }

        .inside tr {
            height: 0px;
        }

        .inside thead th, .inside tfoot td {
            border-right: 1px solid #fff;
            font-weight: 400;
        }

        .mm {
            border-right: 0px solid #fff
        }

        .mon {
            margin-left: -8.5px;
            margin-top: -8.5px;
            height: 75px;
            color: #fff;
        }

        .out {
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
            border-bottom: 1px solid #eee;
            height: 167px;
        }

        .fo {
            border-top: 1px solid #2196F3;

        }
    </style>
</head>
<body>
<div class="row" style="padding-top: 10px;">
    <div class="col-md-2">
        <h1 style="font-size: 24px; margin: 0;" class="">${param.processTypeName}</h1>
    </div>
    <div class="col-md-10 text-right">
        <a href="##"><span class="glyphicon glyphicon-home"></span> 首页</a> &gt; <a
            disabled="disabled">${param.processTypeName}</a>
    </div>
</div>
<div class="row" style="padding-top: 15px;">
    <div class="col-md-12">
        <div class="bgc-w box">
            <div class="box-header">
                <table class="bo table ">
                    <tbody>
                    <tr>
                        <td colspan="14" class="title"><h2>${param.processTypeName}单</h2></td>
                    </tr>
                    <tr style="opacity: 0;">
                        <td colspan="14">11</td>
                    </tr>
                    <tr>
                        <td class="wi" style="width: 100px;"><label class="control-label">标题</label></td>
                        <td colspan="7" class="underline" style="width:160px;">
                            <div class="bottom"><label class="control-label">${param.processTitle}</label></div>
                        </td>
                        <td class="css" style="width:30px;"></td>

                        <td class="wi" style="width: 72px;"><label class="control-label">紧急程度</label></td>
                        <td colspan="4" class="underline" style="width: 60px;">
                            <div class="bottom">${param.urgencyName}</div>
                        </td>

                    </tr>
                    <tr>
                        <td class="wi" style="width: 100px;"><label class="control-label">提单人员</label></td>
                        <td style="width:140px;">
                            <div class="bottom">${param.proposerName}</div>
                        </td>
                        <td class="css" style="width:30px;"></td>
                        <td class="wi" style="width:90px;"><label class="control-label">提单部门</label></td>
                        <td colspan="4" style="width:44px;">
                            <div class="bottom"></div>
                        </td>
                        <td class="css" style="width:30px;"></td>
                        <td class="wi"><label class="control-label">提单日期</label></td>
                        <td colspan="4">
                            <div class="bottom">${param.applyDate}</div>
                        </td>

                    </tr>

                    <tr class="top ss">
                        <td colspan="14" class="wi ">
                            <div class="bottom"><label class="control-label font">申请明细</label></div>
                        </td>
                    </tr>

                    <tr class="rile two">
                        <td class="wi" style="width:100px;"><label class="control-label">开始日期</label></td>
                        <td style="width:170px;">
                            <div class="bottom">${param.startDate}</div>
                        </td>
                        <td class="css" style="width:30px;"></td>
                        <td class="wi" style="width:90px;"><label class="control-label">结束日期</label></td>
                        <td colspan="4" style="width:100px;">
                            <div class="bottom">${param.endDate}</div>
                        </td>


                    </tr>
                    <%
                        System.out.println("==============="+(request.getParameter("processTypeId")));
                        if (request.getParameter("processTypeId").equals("1")) {
                    %>
                    <tr class="rile">
                        <td class="wi" style="width:100px;"><label class="control-label">报销金额</label></td>
                        <td style="width:140px;">
                            <div class="bottom">${param.costMoney}元</div>
                        </td>
                        <td class="css" style="width:30px;"></td>
                    </tr>
                    <%
                        } else if (request.getParameter("processTypeId").equals("2")) {
                    %>
                    <tr class="rile">
                        <td class="wi" style="width:100px;"><label class="control-label">外出类型</label></td>
                        <td style="width:140px;">
                            <div class="bottom">${param.evectionTypeName}</div>
                        </td>
                        <%--<td class="css" colspan="12"></td>--%>
                        <td class="css" style="width:30px;"></td>
                    </tr>
                    <%
                        } else if (request.getParameter("processTypeId").equals("3")) {
                    %>
                    <tr class="rile">
                        <td class="wi" style="width:100px;"><label class="control-label">加班类型</label></td>
                        <td style="width:140px;">
                            <div class="bottom">${param.overtimeTypeName}</div>
                        </td>
                        <td class="css" style="width:30px;"></td>
                        <td class="wi"><label class="control-label">时长(小时)</label></td>
                        <td colspan="4">
                            <div class="bottom">${param.overtimeTime}</div>
                        </td>
                    </tr>
                    <%
                    } else if (request.getParameter("processTypeId").equals("5")) {
                    %>
                    <tr class="rile">
                        <td class="wi" style="width:100px;"><label class="control-label">请假类型</label></td>
                        <td style="width:140px;">
                            <div class="bottom">${param.vacateTypeName}</div>
                        </td>
                        <%--<td class="css" colspan="12"></td>--%>
                        <td class="css" style="width:30px;"></td>
                        <td class="wi"><label class="control-label">请假天数</label></td>
                        <td colspan="4">
                            <div class="bottom">${param.vacateDays}</div>
                        </td>
                    </tr>
                    <%
                    } else if (request.getParameter("processTypeId").equals("6")) {
                    %>
                    <tr class="rile">
                        <td class="wi" style="width:100px;"><label class="control-label">离职日期</label></td>
                        <td style="width:140px;">
                            <div class="bottom">${param.resignDate}</div>
                        </td>
                        <%--<td class="css" colspan="12"></td>--%>
                    </tr>
                    <% }%>
                    <tr class="rile" style="height:70px;">
                        <td colspan="14">
                            <div class="out" style="height:84px;">
                                <table class="table ob ">
                                    <tbody>
                                    <tr>
                                        <td style="width:130px;text-align:center;background-color:#6d9eeb;">
                                            <div class="mon">
                                                <p style="height:20px;"></p>
                                                <span>事由</span>
                                            </div>
                                        </td>
                                        <td colspan="13"><p
                                                style="margin-top: 20px;font-size:16px;">${param.processDetail}</p></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr class="top">
                        <td colspan="14" class="wi ">
                            <div class="bottom"><label class="control-label font">审批意见</label></div>
                        </td>
                    </tr>
                    <tr class="rile" style="height:70px;">
                        <td colspan="14">
                            <div class="out">
                                <table class="table ob ">
                                    <tbody>
                                    <tr>
                                        <td style="width:130px;text-align:center;background-color:#6d9eeb;">
                                            <div class="mon">
                                                <p style="height:20px;"></p>
                                                <span>经理意见</span>
                                            </div>
                                        </td>
                                        <td colspan="13"><p style="margin-top: 20px;font-size:16px;"></p></td>
                                    </tr>

                                    <tr>
                                        <td style="width:130px;text-align:center;background-color:#6d9eeb;">
                                            <div class="mon">
                                                <p style="height:20px;"></p>
                                                <span>人事经理意见</span>

                                            </div>
                                        </td>
                                        <td colspan="13"><p style="margin-top: 20px;font-size:16px;"></p></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr class="fo">

                        <td colspan="14" style="text-align: right;">
                            <div class="pull-right foot">
                                <a class="btn btn-default fault fa-back" href="javascript:" onclick="history.back(); ">
                                    <span class="glyphicon glyphicon-chevron-left"></span> 返回</a>
                                <a class="btn btn-default fault" onclick="javascript:window.print();">
                                    <span class="glyphicon glyphicon glyphicon-print"></span> 打印</a>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>
